<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>驾驶情绪考核</title>
    <script>
        var requireExtraPaths = {
            extrance: '../../../service_js/report/reportCheckEmotion'
        };
    </script>
    <jsp:include flush="true" page="../../base/base.jsp"></jsp:include>

</head>
<body style="background-color: #fff;">
<div data-layout='{"region":"north"}'>
    <div id="top">

    </div>
</div>
<div class="pm-con" id="center" data-layout='{"region":"center","layout":true}'>
    <div style="display: none;border: 1px solid #D7D7D7;padding-bottom: 5px;margin-bottom: 5px;">
        <div id="emotionalHighcharts" style="display: none;width: 800px;height: 400px;margin: 0 auto;"></div>
        <div style="margin-left: 5px;width: 980px;font-family: Arail, 'Microsoft Yahei';margin: 0 auto;">
            <div style="margin:0 auto;width: 970px;">
                <div style="float:left;width: 240px;height: 80px;border: 1px solid #D7D7D7;padding: 22px;box-sizing: border-box;">
                    <span style="height: 35px;  line-height: 35px;vertical-align: top;margin-left: 10px;">驾驶员:</span>
                    <span style="font-size: 30px;font-weight: bold;color: green;height: 35px;line-height: 35px;" id="emoDrvName"></span>
                </div>

                <div style="float:left;width: 240px;height: 80px;border: 1px solid #D7D7D7;padding: 22px;margin-left: 2px;box-sizing: border-box;">
                    <span style="height: 35px;  line-height: 35px;vertical-align: top;margin-left: 35px;">整体情绪</span>
                    <span style="font-size: 30px;font-weight: bold;height: 35px;line-height: 35px;" id="lv"></span>
                </div>

                <div style="float:left;width: 240px;height: 80px;border: 1px solid #D7D7D7;padding: 22px;margin-left: 2px;box-sizing: border-box;">
                    <span style="height: 35px;  line-height: 35px;vertical-align: top;margin-left: 35px;">异常情绪占比</span>
                    <span style="font-size: 30px;font-weight: bold;color: green;height: 35px;line-height: 35px;" id="tempPercentage"></span>
                    <span style="height: 35px;  line-height: 35px;vertical-align: top;margin-left: 5px;">%</span>
                </div>

                <div style="float:left;width: 240px;height: 80px;border: 1px solid #D7D7D7;padding: 22px;margin-left: 2px;box-sizing: border-box;">
                    <span style="height: 35px;  line-height: 35px;vertical-align: top;margin-left: 35px;">急躁发生次数</span>
                    <span style="font-size: 30px;font-weight: bold;color: green;height: 35px;line-height: 35px;" id="tempCount"></span>
                    <span style="height: 35px;  line-height: 35px;vertical-align: top;margin-left: 10px;">次</span>
                </div>
                <div style="clear:left;"></div>
                <div style="padding: 8px 0;text-align: left;font-size: 15px; border: 1px solid #D7D7D7; margin-top: 2px;"  >
                    <span id="content"></span>
                </div>
            </div>
        </div>
    </div>
    <div>
        <table id="grid" style="margin-right: 15px;"></table>
    </div>
</div>
</body>
</html>
